<template>
  <div class="contanier">
    <router-view/>
    <!-- <div class="footer" route>
       <van-tabbar v-model="active">
  <van-tabbar-item to='/' icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item  to='/car' icon="search">车友圈</van-tabbar-item>
  <van-tabbar-item to='/secar' icon="friends-o">选车</van-tabbar-item>
  <van-tabbar-item to='/user' icon="setting-o">服务</van-tabbar-item>
</van-tabbar>
    </div> -->
    <router-view name="footer"></router-view>
  </div>
</template>
<script setup>

</script>

<style lang="scss">
*{
  margin: 0;
  padding: 0;
  list-style: none;
}
html,body,#app,.container{
  width: 100%;
  height: 100%;
}
.container{
  display: flex;
  flex-direction: column;
 
  .box{ 
    flex: 1;
    overflow: auto;
    display: flex;
    flex-direction: column;

  }
  
}
  .header{
      position: sticky;
      top: 0;
      z-index: 9999999;
      display: flex;
      justify-content: space-between;
      background: #fff;
      height: 50px;
      .one{
        width: 50px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        font-size: 12px;
        margin-top: 10px;
        background: #fecb45;
      }
     }
     .content{
      flex: 1;
      overflow: auto;
      display: flex;
    flex-direction: column;

      .top li{
        float: left;
        margin-left: 10px;
        margin-bottom: 10px;
      }
     }
   .footer{
      height: 50px;
     
    }
</style>
